<template>
  <div class="dialog-container">
    <el-dialog :visible.sync="showAgreement" width="70%" top="2%" height="500px" :title="title" :before-close="handleClose" center>
      <!-- 内容 -->
      <h6>遵守法律</h6>
      <div class="agreement-body">
        您同意遵守中华人民共和国相关法律法规的所有规定，并对以任何方式使用您的密码和您的帐号使用本服务的任何行为及其结果承担全部责任。如您的行为违反国家法律和法规的任何规定，有可能构成犯罪的，将被追究刑事责任，并由您承担全部法律责任。
      </div>
      <h6>使用规则</h6>
      <div class="agreement-body">
                    您同意将不会利用本服务进行任何违法或不正当的活动，包括但不限于下列行为∶
        <br/>1）发布或以其它方式传送含有下列内容之一的信息：<br/>
        <br/> · 反对宪法所确定的基本原则的；
        <br/> · 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
        <br/> · 损害国家荣誉和利益的；
        <br/> · 煽动民族仇恨、民族歧视、破坏民族团结的；
        <br/> · 破坏国家宗教政策，宣扬邪教和封建迷信的；
        <br/> · 散布谣言，扰乱社会秩序，破坏社会稳定的；
        <br/> · 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
        <br/> · 侮辱或者诽谤他人，侵害他人合法权利的；
        <br/> · 含有虚假、诈骗、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗、猥亵、或其它道德上令人反感的内容；
        <br/> · 含有中国法律、法规、规章、条例以及任何具有法律效力之规范所限制或禁止的其它内容的；
        <br/>2）以任何方式危害他人的合法权益；
        <br/>3）冒充其他任何人或机构，或以虚伪不实的方式陈述或谎称与任何人或机构有关；
        <br/>4）将依据任何法律或合约或法定关系（例如由于雇佣关系和依据保密合约所得知或揭露之内部资料、专属及机密资料）知悉但无权传送之任何内容加以发布、发送电子邮件或以其它方式传送；
        <br/>5）将侵害他人著作权、专利权、商标权、商业秘密、或其它专属权利（以下简称“专属权利”）之内容加以发布或以其它方式传送；
        <br/>6）将任何广告信函、促销资料、“垃圾邮件”、““滥发信件”、“连锁信件”、“直销”或其它任何形式的劝诱资料加以发布、发送或以其它方式传送；
        <br/>7）将设计目的在于干扰、破坏或限制任何计算机软件、硬件或通讯设备功能之计算机病毒（包括但不限于木马程序（trojan horses）、蠕虫（worms）、定时炸弹、删除蝇（cancelbots）（以下简称“病毒”）或其它计算机代码、档案和程序之任何资料，加以发布、发送或以其它方式传送；
        <br/>8）干扰或破坏本服务或与本服务相连线之服务器和网络，或违反任何关于本服务连线网络之规定、程序、政策或规范；
        <br/>9）跟踪、人肉搜索或以其它方式骚扰他人；
        <br/>10）故意或非故意地违反任何适用的当地、国家法律，以及任何具有法律效力的规则；
        <br/>11）未经合法授权而截获、篡改、收集、储存或删除他人个人信息、站内邮件或其它数据资料，或将获知的此类资料用于任何非法或不正当目的。
      </div>
      <span slot="footer" class="dialog-footer">
          <el-button size="small" type="primary" @click="myAgree">我同意遵守协议</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    /* 协议 */
    name: 'agreement',
    data() {
      return {
        title: '用户注册协议',
        content: '协议内容',
      }
    },
    props: ['showAgreement'],
    methods: {
      // 向父组件发送关闭事件  
      handleClose() {
        this.$emit('closeDialog')
      },
      myAgree() {
        this.$emit('myAgree')
      },
    }
  }
</script>

<style lang="scss" scoped>
  .dialog-container {
    width: 100%;
    height: 100%;
  }
  
  .dialog-container>>>.el-dialog__body {
    padding: 5px 15px;
  }
</style>